import React, { useState } from 'react'
export default function Index(props) {
  const onChangeText = (e) => {
    props.onChangeText(e.target.value)
    // console.log(e);
  }
  return (
    <div className='SearchBarContainer'>
      <div className='SearchBarIconWrap'>
      </div>
      <div className='SearchBarInputWrap'>
        <input
          type="text"
          maxLength={props.maxLength || 10}
          onChange={(e) => { onChangeText(e) }}
        />
      </div>
    </div>
  )
}